import React, {
	Component,
} from 'react'
import { connect } from 'react-redux';
import { View, Text, Image, StyleSheet, FlatList } from 'react-native'
import { SearchBar } from 'antd-mobile-rn'
import { SafeAreaView } from 'react-navigation'
import { PetFriendsItem, SeparatorView } from '../../components'
import { Px } from '../../utils'

class Friends extends Component {

	static propTypes = {
		
    };

	// 生命周期
	constructor(props) {
	    super(props)
	    this.state = {

	    }
	}

	// render part
	render() {
		return (
			<SafeAreaView style={styles.contain}>
				<SearchBar
					placeholder="搜索"
					cancelText="确实"
				/>
				<FlatList
					data={"test"}
					renderItem={this._renderItem.bind(this)}
					ItemSeparatorComponent={() => <SeparatorView />}
				/>
			</SafeAreaView>
		)
	}

	_renderItem({ item }) {
		return <PetFriendsItem />
	}

	// public function

	test() {

	}

	// private function

	_test2() {

	}
}

const styles = StyleSheet.create({
	contain: {
		flex: 1,
		backgroundColor: '#fff'
	}
})

export default connect(state => ({

})
)(Friends)